Add: custom-nightlight to CSS files, to properly format nightlight

 On branch development
 Your branch is up to date with 'origin/development'.

 Changes to be committed:
	modified:   config/waybar/style/Crystal Clear Glass.css
	modified:   config/waybar/style/ML4W Glass-3d.css
	modified:   config/waybar/style/ML4W Glass.css
	modified:   config/waybar/style/[0 VERTICAL] Golden Noir.css
	modified:   config/waybar/style/[0 VERTICAL] Oglo Chicklets.css
	modified:   config/waybar/style/[0 VERTICAL] [Catpuccin] Mocha.css
	modified:   config/waybar/style/[Black & White] Monochrome.css
	modified:   config/waybar/style/[Catppuccin] Frappe.css
	modified:   config/waybar/style/[Catppuccin] Latte.css
	modified:   config/waybar/style/[Catppuccin] Mocha.css
	modified:   config/waybar/style/[Colored] Chroma Glow.css
	modified:   config/waybar/style/[Colored] Translucent.css
	modified:   config/waybar/style/[Colorful] Aurora Blossom.css
	modified:   config/waybar/style/[Colorful] Aurora.css
	modified:   config/waybar/style/[Colorful] Oglo Chicklets.css
	modified:   config/waybar/style/[Colorful] Rainbow Spectrum.css
	modified:   config/waybar/style/[Colorful] stolen-style.css
	modified:   config/waybar/style/[Dark] Golden Eclipse.css
	modified:   config/waybar/style/[Dark] Golden Noir.css
	modified:   config/waybar/style/[Dark] Half-Moon.css
	modified:   config/waybar/style/[Dark] Latte-Wallust combined v2.css
	modified:   config/waybar/style/[Dark] Latte-Wallust combined.css
	modified:   config/waybar/style/[Dark] Purpl.css
	modified:   config/waybar/style/[Dark] Wallust Obsidian Edge.css
	modified:   config/waybar/style/[Extra] Arrow.css
	modified:   config/waybar/style/[Extra] Crimson.css
	modified:   config/waybar/style/[Extra] EverForest.css
	modified:   config/waybar/style/[Extra] ML4W starter.css
	modified:   config/waybar/style/[Extra] Mauve.css
	modified:   config/waybar/style/[Extra] Modern-Combined - Transparent.css
	modified:   config/waybar/style/[Extra] Modern-Combined.css
	modified:   config/waybar/style/[Extra] Neon Circuit.css
	modified:   config/waybar/style/[Extra] Prismatic Glow.css
	modified:   config/waybar/style/[Extra] Rose Pine.css
	modified:   config/waybar/style/[Extra] Simple Pink.css
	modified:   config/waybar/style/[Light] Monochrome Contrast.css
	modified:   config/waybar/style/[Light] Obsidian Glow.css
	modified:   config/waybar/style/[Rainbow] RGB Bordered.css
	modified:   config/waybar/style/[Retro] Simple Style.css
	modified:   config/waybar/style/[Transparent] Crystal Clear.css
	modified:   config/waybar/style/[VERTICAL] [Catpuccin] Mocha.css
	modified:   config/waybar/style/[WALLUST] ML4W-modern-mixed.css
	modified:   config/waybar/style/[WALLUST] ML4W-modern.css
	modified:   config/waybar/style/[Wallust Bordered] Chroma Fusion Edge.css
	modified:   config/waybar/style/[Wallust Bordered] Chroma Simple.css
	modified:   config/waybar/style/[Wallust Transparent] Crystal Clear.css
	modified:   config/waybar/style/[Wallust] Box type.css
	modified:   config/waybar/style/[Wallust] Chroma Edge.css
	modified:   config/waybar/style/[Wallust] Chroma Fusion.css
	modified:   config/waybar/style/[Wallust] Chroma Tally V2.css
	modified:   config/waybar/style/[Wallust] Chroma Tally.css
	modified:   config/waybar/style/[Wallust] Colored.css
	modified:   config/waybar/style/[Wallust] Simple.css

1 files changed, 89 insertions, 90 deletions

diff --git a/config/waybar/style/[Wallust] Box type.css b/config/waybar/style/[Wallust] Box type.css
index 84c85cf6..d7f2c5ac 100644
--- a/config/waybar/style/[Wallust] Box type.css
+++ b/config/waybar/style/[Wallust] Box type.css
@@ -1,83 +1,81 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
 /* Wallust - Box type */
 
-@import '../../.config/waybar/wallust/colors-waybar.css';
+@import "../../.config/waybar/wallust/colors-waybar.css";
 
 * {
-font-family: "JetBrainsMono Nerd Font";
-font-weight: bold;
-min-height: 0;
-/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
-font-size: 97%;
-font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
+  font-family: "JetBrainsMono Nerd Font";
+  font-weight: bold;
+  min-height: 0;
+  /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
+  font-size: 97%;
+  font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
 }
 
-
 window#waybar {
-	background: transparent;
+  background: transparent;
 }
 
 window#waybar.hidden {
-	opacity: 0.2;
+  opacity: 0.2;
 }
 
-
 window#waybar.empty,
 window#waybar.empty #window {
-    background-color: transparent;
-    padding: 0px;
-    border: 0px;
+  background-color: transparent;
+  padding: 0px;
+  border: 0px;
 }
 
 #window {
-	padding-left: 10px;
-	padding-right: 10px;
-	border-radius: 10px;
-	transition: none;
-    color: transparent;
-	background: transparent;
+  padding-left: 10px;
+  padding-right: 10px;
+  border-radius: 10px;
+  transition: none;
+  color: transparent;
+  background: transparent;
 }
 
 #taskbar button,
 #workspaces button {
-    color: @foreground;
-    box-shadow: none;
-	text-shadow: none;
-    padding: 0px;
-    border-radius: 9px;
-    padding-left: 4px;
-    padding-right: 4px;
-    animation: gradient_f 20s ease-in infinite;
-    transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
+  color: @foreground;
+  box-shadow: none;
+  text-shadow: none;
+  padding: 0px;
+  border-radius: 9px;
+  padding-left: 4px;
+  padding-right: 4px;
+  animation: gradient_f 20s ease-in infinite;
+  transition: all 0.5s cubic-bezier(0.55, -0.68, 0.48, 1.682);
 }
 
 #taskbar button.active,
 #workspaces button.active {
-    color: @color12;
-    background-color: @foreground;
-    padding-left: 4px;
-    padding-right: 8px;
-    animation: gradient_f 20s ease-in infinite;
-    transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
+  color: @color12;
+  background-color: @foreground;
+  padding-left: 4px;
+  padding-right: 8px;
+  animation: gradient_f 20s ease-in infinite;
+  transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682);
 }
 
 #taskbar button.focused,
 #workspaces button.focused {
-    color: @color4;
+  color: @color4;
 }
 
 #workspaces button.urgent {
-    color: #11111b;
-    border-radius: 10px;
+  color: #11111b;
+  border-radius: 10px;
 }
 
 #taskbar button:hover,
 #workspaces button:hover {
-    color: @color4;
-    padding-left: 2px;
-    padding-right: 8px;
-    animation: gradient_f 20s ease-in infinite;
-    transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
+  color: @color4;
+  padding-left: 2px;
+  padding-right: 8px;
+  animation: gradient_f 20s ease-in infinite;
+  transition: all 0.3s cubic-bezier(0.55, -0.68, 0.48, 1.682);
 }
 
 #backlight,
@@ -95,7 +93,7 @@ window#waybar.empty #window {
 #network,
 #power-profiles-daemon,
 #pulseaudio,
-#pulseaudio-slider,	
+#pulseaudio-slider,
 #taskbar,
 #temperature,
 #tray,
@@ -103,6 +101,7 @@ window#waybar.empty #window {
 #wireplumber,
 #workspaces,
 #custom-backlight,
+#custom-nightlight,
 #custom-browser,
 #custom-cava_mviz,
 #custom-cycle_wall,
@@ -130,91 +129,91 @@ window#waybar.empty #window {
 #custom-weather.clearNight,
 #custom-weather.cloudyFoggyDay,
 #custom-weather.cloudyFoggyNight,
-#custom-weather.default, 
+#custom-weather.default,
 #custom-weather.rainyDay,
 #custom-weather.rainyNight,
 #custom-weather.severe,
 #custom-weather.showyIcyDay,
 #custom-weather.snowyIcyNight,
-#custom-weather.sunnyDay{
-	padding-top: 4px;
-	padding-bottom: 4px;
-	padding-left: 8px;
-	padding-right: 10px;
-	border-radius: 10px;
-	transition: none;
-	color: @foreground;
-	background: @color0;
-    border-bottom-width: 5px;
-    border-bottom-color: @color12;
-    border-bottom-style: solid;
+#custom-weather.sunnyDay {
+  padding-top: 4px;
+  padding-bottom: 4px;
+  padding-left: 8px;
+  padding-right: 10px;
+  border-radius: 10px;
+  transition: none;
+  color: @foreground;
+  background: @color0;
+  border-bottom-width: 5px;
+  border-bottom-color: @color12;
+  border-bottom-style: solid;
 }
 
 #custom-power {
-	padding-right: 2px;
+  padding-right: 2px;
 }
 
 /*-----Indicators----*/
 #custom-hypridle.notactive,
 #idle_inhibitor.activated {
-	color: #39FF14;
+  color: #39ff14;
 }
 
 #network {
-	padding-right: 12px;
+  padding-right: 12px;
 }
 
 #temperature.critical {
-    background-color: red;
-	color: black;
+  background-color: red;
+  color: black;
 }
 
 #mpris {
-	padding-right: 2px;
-	padding-left: 8px;
+  padding-right: 2px;
+  padding-left: 8px;
 }
 #backlight {
-	padding-right: 2px;
+  padding-right: 2px;
 }
 #battery.critical:not(.charging) {
-    background-color: #ffffff;
-    color: #000000;
-	animation-name: blink;
-	animation-duration: 3.0s;
-	animation-timing-function: steps(12);
-	animation-iteration-count: infinite;
-	animation-direction: alternate;
-    border-bottom-width: 5px;
-    border-bottom-color: @color12;
-    border-bottom-style: solid;
+  background-color: #ffffff;
+  color: #000000;
+  animation-name: blink;
+  animation-duration: 3s;
+  animation-timing-function: steps(12);
+  animation-iteration-count: infinite;
+  animation-direction: alternate;
+  border-bottom-width: 5px;
+  border-bottom-color: @color12;
+  border-bottom-style: solid;
 }
 
 @keyframes blink {
-    to {
-        background-color: #ffffff;
-        color: #000000;
-    }
+  to {
+    background-color: #ffffff;
+    color: #000000;
+  }
 }
 
 #backlight-slider slider,
 #pulseaudio-slider slider {
-	min-width: 0px;
-	min-height: 0px;
-	opacity: 10;
-	background-image: none;
-	border: none;
-	box-shadow: @color12;
+  min-width: 0px;
+  min-height: 0px;
+  opacity: 10;
+  background-image: none;
+  border: none;
+  box-shadow: @color12;
 }
 
 #backlight-slider trough,
 #pulseaudio-slider trough {
-	min-width: 80px;
-	min-height: 5px;
-	border-radius: 5px;
+  min-width: 80px;
+  min-height: 5px;
+  border-radius: 5px;
 }
 
 #backlight-slider highlight,
 #pulseaudio-slider highlight {
-	min-height: 10px;
-	border-radius: 5px;
+  min-height: 10px;
+  border-radius: 5px;
 }